<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="admin/common/html/head :: head_Normal(~{::title},~{::link},~{::style})">

    <title th:text=${title}></title>
    <!-- 这儿引用单独的css link -->
    <!-- Ladda for Bootstrap 3按钮加载进度插件 -->
    <link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
    <!-- bootstrap-table表单样式 -->
    <link th:href="@{/static/admin/assets/js/bootstrap/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>

    <style type="text/css">
        /**
        *这里写单独的css样式
        */

    </style>

</head>

<body id="listbody">
<!-- # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 代码编写处 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # -->

<!-- 右边内容 -->
<div class="wrap-fluid">
    <div class="container-fluid paper-wrap bevel tlbr">
        <!-- 内容 -->
        <!--标题 通用-->
        <div th:replace="admin/common/html/title :: title(${title},${parenttitle},${isMsg},${msgHTML})">
        </div>
        <!-- 结束标题 通用-->
        <div class="content-wrap">
            <!-- 结束内容 -->
            <div class="row">
                <div class="col-sm-12">
                    <!-- 搜索条件 -->

                    <div class="nest" id="inlineClose">
                        <div class="title-alt">
                            <h6>搜索条件</h6>
                            <div class="titleClose">
                                <a class="gone" href="#inlineClose">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                            <div class="titleToggle">
                                <a class="nav-toggle-alt" href="#search_div">
                                    <span class="entypo-down-open"></span>
                                </a>
                            </div>
                        </div>

                        <div class="body-nest" id="search_div" style="display: none">
                            <div class="form_left">
                                <form role="form" class="form-inline">
                                    <div class="form-group">
                                        <label for="exampleInputEmail2" class="sr-only">搜索名字</label>
                                        <input type="text" name="searchText" placeholder="搜索名字" class="form-control">
                                    </div>
                                    <button onclick="$.table.search(this)" class="btn btn-success" type="button"><i
                                            class="fa fa-search"></i>&nbsp;搜索
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- END搜索条件 -->
                    <!-- 空白页开始-->
                    <div class="nest" id="Blank_PageClose">
                        <div class="title-alt">
                            <h6>表单</h6>
                            <div class="titleClose">
                                <a class="gone" href="#Blank_PageClose">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                            <div class="titleToggle">
                                <a class="nav-toggle-alt" href="#Blank_Page_Content">
                                    <span class="entypo-up-open"></span>
                                </a>
                            </div>
                        </div>

                        <div class="body-nest" id="Blank_Page_Content">
                            <!-- 工具条 -->
                            <div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
                                <button onclick="$.operate.add()" type="button" class="btn btn-primary">
                                    <span class="entypo-plus-squared"></span>&nbsp;&nbsp;新增
                                </button>
                                <button onclick="$.operate.batRemove()" type="button" class="btn btn-danger">
                                    <span class="entypo-trash"></span>&nbsp;&nbsp;删除
                                </button>


                                <button onclick="$.operate.importExcel()" type="button" class="btn btn-info">
                                    <i class="glyphicon glyphicon-open"></i>&nbsp;&nbsp;批量导入
                                </button>

                                <button onclick="download()" type="button" class="btn btn-success">
                                    <i class="glyphicon glyphicon-arrow-down"></i>&nbsp;&nbsp;模版下载
                                </button>


                                <button onclick="importDetail()" type="button" class="btn btn-info">
                                    <i class="glyphicon glyphicon-open"></i>&nbsp;&nbsp;清单导入
                                </button>


                            </div>
                            <!-- 工具条 end-->
                            <table id="dataTable" class="table-striped footable-res footable metro-blue"
                                   data-page-size="6">

                            </table>
                        </div>
                    </div>
                </div>
                <!-- 空白页结束 -->
            </div>
            <!-- 结束内容 -->
        </div>
    </div>
</div>
<!-- 结束右边内容 -->
<!-- # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 代码编写处 END# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # -->


<!-- 右侧隐藏滑块内容 -->
<div th:include="admin/common/html/rightHide :: rightHide">

</div>
<!-- END 右侧隐藏滑块内容-->

<!-- 通用js -->
<div th:include="admin/common/html/js :: onload_js">

</div>
<!-- bootstarp 表格 -->
<script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/bootstrap-table.min.js}"
        type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"
        type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/js/base_list.js}" type="text/javascript"></script>
<!-- jquery-export 表格导出插件 -->
<script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/bootstrap-table-export.js}"
        type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/tableExport.js}" type="text/javascript"></script>

<!-- 弹窗 -->
<script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
<!-- 遮罩层 -->
<script th:src="@{/static/admin/assets/js/blockUI/jquery.blockUI.js}" type="text/javascript"></script>

<script type="text/javascript">


    /**  请求URL配置   **/
    var dataUrl = window.rootPath + "/HandleCaseController/list";
    var removeUrl = window.rootPath + "/HandleCaseController/remove";
    var createUrl = window.rootPath + "/HandleCaseController/add";
    var updateUrl = window.rootPath + "/HandleCaseController/edit/{id}";
    var exportUrl = window.rootPath + "/HandleCaseController/export";

    var downloadUrl = window.rootPath + "/HandleCaseController/download";
    var importUrl = window.rootPath + "/HandleCaseController/importExcel";

    var importDetailUrl = window.rootPath + "/HandleCaseController/importDetailExcel";
    var checkUrl = window.rootPath + "/HandleCaseController/checkUrl/{id}";

    var options = {
        dataUrl: dataUrl,
        createUrl: createUrl,
        updateUrl: updateUrl,
        removeUrl: removeUrl,
        importUrl: importUrl,
        downloadUrl: downloadUrl,
        exportUrl: exportUrl,
        sortName: "roleSort",
        modalName: "服务事项",
        modalName2: "赋权要素清单",
        search: false,
        dataColumns: [
            {
                checkbox: true
            },
            {
                field: 'id',
                title: '序号',
                sortable:false,//设置true为允许列可以排序
                order: 'asc', //排序顺序
                formatter: function (value, row, index) {
                    //获取每页显示的数量
                    var pageSize=$('#dataTable').bootstrapTable('getOptions').pageSize;
                    //获取当前是第几页
                    var pageNumber=$('#dataTable').bootstrapTable('getOptions').pageNumber;
                    //返回序号，注意index是从0开始的，所以要加上1
                    return pageSize * (pageNumber - 1) + index + 1;

                    // return index+1;

                }},
            {
                field: 'authName',
                title: '权限名称',
                formatter: function (value, row, index) {
                    var id = row.id;
                    var actions = [];
                    actions.push('<a  href="#" onclick="gg(\'' + row.id + '\')">'+value+'</a> ');
                    // actions.push('<a class="btn btn-danger btn-xs" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
                    return actions.join('');

            }},
            {
                field: 'authType',
                title: '权限类型'
            },
            {
                field: 'qjzdbm',
                title: '区级指导部门'
            },
            {
                field: 'ycb',
                title: '一次办'
            },
            {
                field: 'msb',
                title: '马上办'
            },
            {
                field: 'wsb',
                title: '网上办'
            },
            {
                field: 'jjb',
                title: '就近办'
            },
            {
                field: 'bjmsp',
                title: '不见面审批'
            },

            /*
            参照修改注释
                    {
                            field: 'xxstate',
                            title: 'xx状态',
                            visible: false, //隐藏
                            searchable: false,//搜索
                               sortable:false,//设置true为允许列可以排序
                            order: 'asc', //排序顺序
                            formatter: function (value, row, index) {
                                var actions = [];
                                if(value==0){
                                     actions.push('<span class="label label-primary">关闭</span>');
                                }else if(value==1){
                                     actions.push('<span class="label label-danger">开启</span>');
                                }
                                  return actions.join('');
                             }
                        }
            */
            {
                title: '操作',
                formatter: function (value, row, index) {
                    var id = row.id;
                    var actions = [];
                    actions.push('<a class="btn btn-success btn-xs"  href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                    actions.push('<a class="btn btn-danger btn-xs" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
                    return actions.join('');
                }
            }]
    };

    var download = function () {
        // window.open(downloadUrl);

        var url = downloadUrl;
// 构造隐藏的form表单
        var $form = $("<form id='download' class='hidden' method='get'></form>");
        $form.attr("action", url);
        $(document.body).append($form);


// 提交表单
        $form.submit();

    }



    var gg = function(id){
                var url = checkUrl.replace("{id}", id);
                $.modal.open("添加/修改" +options.modalName2, url);
    }

    var importDetail = function(){
        $.modal.open("导入" + options.modalName2, importDetailUrl);
    }

    $(function () {
        var oTab = $.table.oTableInit(options);
        oTab.Init();



    })
</script>

</body>


</html>
